<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
  <meta http-equiv="Content-Type" content="text/html; Charset=utf-8"/>
  <meta http-equiv="Content-Language" content="zh-CN"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
  <link rel="shortcut icon" href="images/logo.png" type="image/x-icon"/>
  <!--Layui-->
  <link href="layui/css/layui.css" rel="stylesheet"/>
  <!--font-awesome-->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
  <!--全局样式表-->
  <link href="css/global.css" rel="stylesheet"/>
  <link href="css/animate.min.css" rel="stylesheet"/>
  <link href="css/blog.css" rel="stylesheet"/>
</head>
<body>
<!-- 导航 -->
<nav th:fragment="navbar">
  <div class="blog-container">

    <a href="/QQ/qqLogin" class="blog-user">
      <i class="fa fa-qq"></i>
    </a>

    <a class="blog-logo" href="index.html">Long</a>

    <ul class="layui-nav" lay-filter="nav">
      <li class="layui-nav-item">
        <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
      </li>
      <li class="layui-nav-item">
        <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
      </li>
      <li class="layui-nav-item">
        <a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
      </li>
      <li class="layui-nav-item">
        <a href="timeline.html"><i class="fa fa-hourglass-half fa-fw"></i>&nbsp;点点滴滴</a>
      </li>
      <li class="layui-nav-item">
        <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
      </li>
      <span class="layui-nav-bar"></span></ul>

    <a class="blog-navicon" href="javascript:;">
      <i class="fa fa-navicon"></i>
    </a>
  </div>
</nav>
<div th:fragment="footer">
  <!-- 底部 -->
  <footer id="f" class="blog-footer">
    <p><span>Copyright</span><span>©</span><span>2018</span>
      <a href="http://www.long225.cn">Long博客</a><span>Design By Longwang</span></p>
    <p>
      <a href="http://www.miitbeian.gov.cn" target="_blank">湘ICP备18010289号</a>
    </p>
  </footer>
  <!--侧边导航-->
  <ul class="layui-nav layui-nav-tree layui-nav-side blog-nav-left layui-hide" lay-filter="nav">
    <li class="layui-nav-item">
      <a href="index.html"><i class="fa fa-home fa-fw"></i>&nbsp;网站首页</a>
    </li>
    <li class="layui-nav-item">
      <a href="article.html"><i class="fa fa-file-text fa-fw"></i>&nbsp;文章专栏</a>
    </li>
    <li class="layui-nav-item">
      <a href="mixed_pic.html"><i class="fa fa-paper-plane-o fa-fw"></i>&nbsp;杂七杂八</a>
    </li>
    <li class="layui-nav-item">
      <a href="timeline.html"><i class="fa fa-road fa-fw"></i>&nbsp;点点滴滴</a>
    </li>
    <li class="layui-nav-item">
      <a href="about.html"><i class="fa fa-info fa-fw"></i>&nbsp;关于本站</a>
    </li>
    <span class="layui-nav-bar"></span>
  </ul>

  <!--分享窗体-->
  <div class="blog-share layui-hide">
    <div class="blog-share-body">
      <div style="width: 200px;height:100%;">
        <div class="bdsharebuttonbox">
          <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
          <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
          <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
          <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
        </div>
      </div>
    </div>
  </div>

  <!--遮罩-->
  <div class="blog-mask animated layui-hide"></div>
  <!-- jquery -->
  <script src="js/jquery.min.js"></script>
  <!-- layui.js -->
  <script src="layui/layui.js"></script>
  <!-- 全局脚本 -->
  <script src="js/global.js"></script>
</div>
</body>

</html>